Hệ thống quản lý phương tiện trong PHP
1 <?php
2 session_start();
3 ?>
4
5
6 <!DOCTYPE html>
7 <html lang="en">
8 <head>
9 <meta charset="utf-8">
10 <title>Welcome to Vehicle Management</title>
11 <meta name="description" content="Bootstrap.">
12 <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
13 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
14 <link rel="stylesheet" href="http://cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css">
15 <script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
16 <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
17 <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
18 <link rel="stylesheet" href="style.css">
19
20 </head>
21
22
23 <body style="margin:80px auto">
24 <?php include 'navbar.php';?>
25 <div class="container foo">
26 <div class="row header" style="text-align:center">
27 <h3>Permanent Bus Schedule</h3>
28 </div>
29
30
31
32 <table id="myTable" class="table table-bordered table-striped table-hover table-condensed" >
33
34
35 <thead>
36 <tr>
37 <th>NO</th>
38 <th>PERIOD</th>
39 <th>FIRST</th>
40 <th>SECOND</th>
41 <th>THIRD</th>
42 </tr>
43 </thead>
44 <tbody>
45 <tr>
46 <td>01</td>
47 <td>1st JANUARY to 31st JANUARY</td>
48 <td>3-45</td>
49 <td>4-45</td>
50 <td>6-15</td>
51 </tr>
52 <tr>
53 <td>02</td>
54 <td>1st FEBRUARY to 28/29th FEBRUARY</td>
55 <td>4-00</td>
56 <td>5-00</td>
57 <td>6-30</td>
58 </tr>
59 <tr>
60 <td>03</td>
61 <td>1st MARCH to 31st MARCH</td>
62 <td>4-15</td>
63 <td>5-15</td>
64 <td>6-45</td>
65 </tr>
66 <tr>
67 <td>04</td>
68 <td>1st APRIL to 30th APRIL</td>
69 <td>4-30</td>
70 <td>5-30</td>
71 <td>7-00</td>
72 </tr>
73 <tr>
74 <td>05</td>
75 <td>1st MAY to 31st MAY</td>
76 <td>4-45</td>
77 <td>5-45</td>
78 <td>7-15</td>
79 </tr>
80 <tr>
81 <td>06</td>
82 <td>1st JUNE to 31st JULY</td>
83 <td>5-00</td>
84 <td>6-00</td>
85 <td>7-30</td>
86 </tr>
87 <tr>
88 <td>07</td>
89 <td>1st AUGUST to 15th AUGUST</td>
90 <td>5-00</td>
91 <td>6-00</td>
92 <td>7-15</td>
93 </tr>
94 <tr>
95 <td>08</td>
96 <td>16th AUGUST to 31st AUGUST</td>
97 <td>4-45</td>
98 <td>5-45</td>
99 <td>7-00</td>
100 </tr>
101 <tr>
102 <td>09</td>
103 <td>1st SEPTEMBER to 15th SEPTEMBER</td>
104 <td>4-30</td>
105 <td>5-30</td>
106 <td>6-45</td>
107 </tr>
108 <tr>
109 <td>10</td>
110 <td>16th SEPTEMBER to 30th SEPTEMBER</td>
111 <td>4-15</td>
112 <td>5-15</td>
113 <td>6-35</td>
114 </tr>
115 <tr>
116 <td>11</td>
117 <td>1st OCTOBOR to 15th OCTOBOR</td>
118 <td>4-00</td>
119 <td>5-00</td>
120 <td>6-15</td>
121 </tr>
122 <tr>
123 <td>12</td>
124 <td>16th OCTOBOR to 31st OCTOBOR</td>
125 <td>3-45</td>
126 <td>4-45</td>
127 <td>6-00</td>
128 </tr>
129 <tr>
130 <td>13</td>
131 <td>1st NOVEMBER to 31st DECEMBER</td>
132 <td>3-30</td>
133 <td>4-30</td>
134 <td>5-45</td>
135 </tr>
136 </tbody>
137
138 </table>
139 </div>
140
141 <script>
142 window.sr = ScrollReveal();
143 sr.reveal('.foo', { duration: 800 });
144
145 </script>
146
147 </body>
148
149 </html>